<%@ page language="java" import="java.util.*,pojo.*,service.*,base.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>用户支付</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link href="../bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet" media="screen">
    <style type="text/css">
    .container{
    width:300px;
    }  
    </style>
<script type="text/javascript" src="../jquery/jquery-1.6.1.js"></script>
<script type="text/javascript">
$(function(){
	$("#ok").click(function(){
	var pay=$("input:checked");
	if(pay.size()<1){
	alert("请选择支付方式");
	return false
	}
	
    else $("#form").submit();
	
	})
})
</script>


  </head>
  <body>
  <% 
  int orderid = Integer.parseInt(request.getParameter("orderid")); 
  OrderService os = new OrderService(); 
   
   %>

 <div class="row-fluid" style="margin-bottom:40px;margin-left:40px;">
<p class="text-success" style="font-weight:bold;font-size:20px;">订单号：<%=os.getOrderDetail(orderid).getCoad() %></p>
<br/>
<p class="text-success" style="font-weight:bold;font-size:20px;">共预定<%=os.getOrderDetail(orderid).getTotalNum()%>个菜</p>
<br/>
<p class="text-success" style="font-weight:bold;font-size:20px;">消费总金额<%=os.getOrderDetail(orderid).getTotalPrice() %>元</p>
</div>
<div class="row-fluid" style="margin-left:40px;">
<div class="span12">
<p class="text-warning" style="font-weight:bold;font-size:20px;">请选择支付方式</p>
<div class="row-fluid">
<div class="span6" style="margin-top:30px;">
<form id="form" action="../action/websiteAction/payAction.jsp" method="post">
<input type="hidden"  name="orderid"  value="<%=Integer.parseInt(request.getParameter("orderid"))%>">
<label class="radio inline" style="margin-right:30px;">
<input type="radio" name="pay" id="pay" value="1" >
现场付款
</label>
<br/><br/><br/><br/>
<label class="radio inline">
<input type="radio" name="pay" id="pay" value="2">
<img src = "../images/pay.jpg"/>
</label>
</form>
</div>

</div>
</div>
</div>
<div class="span3 offset9" style="margin-top:30px;">
<button class="btn btn-primary" type="button" id="ok">提交</button>
</div>


   
    <script src="../bootstrap/js/bootstrap.js"></script>
    <script src="../bootstrap/js/bootstrap.min.js"></script>
  </body>
</html>
